    <!-- 以上是_meta.html -->
    {include file="public/meta"}
    <style type="text/css">
        img {
            width: 280px;
        }
        .cd-radio:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            border: 2px solid gray;
            border-radius: 50%;
            width: 15px !important;
            height: 15px !important;
            display: inline-block;
        }
        .height400{
            height: 260px !important;
        }
        .height500{
            height: 280px !important;
        }
        .height300{
            height: 200px !important;
        }
        .margintop50{
            margin-top: 10px !important;;
        }
        .margintop30{
            margin-top: -10px !important;;
        }
        .margintop40{
            margin-top: -80px !important;;
        }
    </style>
    <!-- 这里是_header.html -->
    {include file="public/header"}
    <!-- 这里是_menu.html -->
    {include file="public/menu"}
    <div class="dislpayArrow hidden-xs"><a class="pngfix" href="javascript:void(0);" onClick="displaynavbar(this)"></a></div>
    <section class="Hui-article-box" style="height: 1250px;">
        <div class="row top-row-body">
            <div class="col-md-12">
                <div class="col-md-2">
                    <img src="../../static/h-ui/images/img/lessonTitle.png" class="courseset-manage-header__img">
                    <span class="course-publish-status course-publish-status--unpublished">未发布</span>
                </div>
                <div class="col-md-3 courseset-manage-header-info">
                    <div class="courseset-manage-header-info__title text-overflow">
                        <span class="cd-dark-major" style="font-size: 20px;">专业知识精讲</span>
                    </div>

                    <div class="courseset-manage-header-info__price color-danger">
                        <span class="money-symbol cd-text-sm">¥</span><span class="pure-price">0.00</span>
                    </div>
                </div>

                <div class="col-md-2 courseset-manage-header-data hidden-xs top-course-plane">
                    <span class="cd-text-medium">课程计划</span>
                    <div class="cd-mt16 cd-dark-major"><span class="courseset-manage-header-data__num">2</span></div>
                </div>

                <div class="courseset-manage-header-data hidden-xs col-md-2 top-course-student">
                    <span class="cd-text-medium">课程学员</span>
                    <div class="cd-mt16 cd-dark-major"><span class="courseset-manage-header-data__num">2</span></div>
                </div>

                <div class="courseset-manage-header-btn col-md-3">
                    <a class="cd-btn cd-btn-default" target="_blank" href="#" style="text-decoration: none;">预览课程</a>
                    <button class="btn btn-primary radius cd-ml16 js-courseset-publish-btn" id="step-4" data-url="#">发布课程</button>
                </div>
            </div>
        </div>


        <!-- 中部切换栏开始	 -->
        <div class="row col-md-12">
            <div id="tab_demo" class="HuiTab top-tabBar">
                <div class="tabBar clearfix"><span>课程信息</span><span>全部计划</span></div>
                <div class="tabCon" style="margin-left: 10px;">
                    <div class="row col-md-12 courseset-manage-body__title" style="margin-top: 50px;margin-left: 50px;">
                        <h1>课程信息</h1>
                    </div>
                    <div class="row">
                        <div class="col-md-12" style="margin-top: 25px;">
                            <form action="{:url('course_set/save')}" id="form1" method="post" class="form-horizontal margin-top-20" onsubmit="course_add();">
                                <fieldset class="fieldset">
                                    <div class="col-md-12 row">
                                        <label class="col-form-label col-md-2 create-course-title" style="padding-left: 30px;text-align: center;">课程标题：</label>
                                        <div class="col-md-6">
                                            <input type="text" class="form-controller" name="title">
                                        </div>
                                    </div>
                                    <div class="col-md-12 row" style="margin-top: 20px;">
                                        <label class="col-form-label col-md-2 create-course-futitle" style="padding-left: 20px;text-align: center;">课程副标题：</label>
                                        <div class="col-md-6">
                                            <textarea style="resize:none" rows="3" cols="3" class="form-controller" name="sub_title"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-12 row" style="margin-top: 20px;">
                                        <label class="col-form-label col-md-2 create-course-labe">标签：</label>
                                        <div class="col-md-6">
                                            <select class="form-control select-multiple-drag select2-hidden-accessible" name="tag_ids[]" multiple="" data-fouc=""  tabindex="-1" aria-hidden="true">
                                                <option value="1" selected="">专业课系列</option>
                                                <option value="2">教综系列</option>
                                                <option value="3">学员推荐</option>
                                                <option value="4">金牌讲师</option>
                                                <option value="5" selected="">超长课时</option>
                                                <option value="6">通过率高</option>
                                                <option value="7">校长推荐</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-12 row" style="margin-top: 20px;">
                                        <label class="col-form-label col-md-2" style="font-weight: 700;padding-left: 65px;text-align: center;">分类：</label>

                                        <div class="col-md-6">
                                            <select name="cat_ids[]" style="width: 276px;height: 34px;border: 1px solid #ddd;border-radius: 0.1875rem;">
                                                <option value="1">初中化学</option>
                                                <option value="2">物理专业</option>
                                                <option value="3">初中英语</option>
                                                <option value="4">初中英语</option>
                                                <option value="5">初中英语</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-12 row" style="margin-top: 15px;">
                                        <div class="skin-minimal">
                                            <label for="radio-1" style="font-weight: 700;padding-left: 35px;text-align: center;" class="col-md-2">连载状态：</label>
                                            <div class="radio-box" style="margin-left: 10px;">
                                                <input type="radio" id="radio-1" name="serial" value="1">
                                                <label for="radio-1">非连载课程</label>
                                            </div>
                                            <div class="radio-box">
                                                <input type="radio" id="radio-2" name="serial" value="2">
                                                <label for="radio-2">更新中</label>
                                            </div>
                                            <div class="radio-box">
                                                <input type="radio" id="radio-3" name="serial" checked value="3">
                                                <label for="radio-3">已完结</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 row" style="margin-top: 20px;">
                                        <label class="col-form-label col-md-2" style="font-weight: 700;padding-left: 40px;text-align: center;">封面图片：</label>
                                        <div class="col-md-4">
                                            <input type="file" accept="image/*" onchange="showImg(this)" placeholder="选择图片" />
                                            <img src="../../static/h-ui/images/img/lessonTitle.png" alt="" id="img" style="border-radius: 5px;" />
                                        </div>
                                    </div>
                                    <div class="row col-md-12" style="margin-left: 250px;padding-left: 25px;">
                                        请上传jpg, gif,
                                        png格式的图片,建议图片大小不超过2MB。
                                    </div>
                                    <div class="row col-md-12">
                                        <label class="col-form-label col-md-2" style="font-weight: 700;text-align: center;padding-left: 50px;">课程简介：</label>
                                        <div class="col-md-8">
                                            <script id="editor" type="text/plain"></script>
                                        </div>
                                    </div>
                                    <div class="row col-md-12" style="margin-top: 30px;margin-left: 260px;">
                                        <span style="color: #a1a1a1;">为正常使用IFrame，请在【管理后台】-【系统】-【站点设置】-【安全】-【IFrame白名单】中进行设置</span>
                                    </div>
                                    <div class="row col-md-12" style="margin-left: 260px;margin-top: 5px;">
                                        <input type="hidden" name="course_type" value="{$Request.get.course_type}">
                                        <input type="hidden" name="desc" value="">
                                        <button type="submit" class="btn btn-primary radius">保存</button>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="tabCon">
                    <div class="row col-md-12">
                        <select class="cd-select col-md-11 top-allplane-body">
                            <option value="volvo">全部计划</option>
                            <option value="opel">已发布</option>
                            <option value="audi">未发布</option>
                            <option value="audi">已关闭</option>
                        </select>
                        <div class="courseset-manage-header-btn col-md-1">
                            <button class="btn btn-primary radius cd-ml16 js-courseset-publish-btn top-createplane-btn" id="step-4"
                                    data-url="#" data-toggle="modal" data-target="#ceatedPlane">创建计划</button>
                        </div>
                    </div>
                    <div class="row col-md-12">
                        <div class="row" style="margin-top: 60px;">
                            <!-- 未发布区域 -->
                            <div class="col-md-12" style="border-bottom: 1px solid gainsboro;">
                                <div class="col-md-1">
                                    <span class="course-publish-status course-publish-status--unpublished">未发布</span>
                                </div>
                                <div class="col-md-5 courseset-manage-header-info" style="margin-left: 20px;">
                                    <span class="course-freedomstudy-model">专业知识精讲[小学数学]</span>
                                </div>
                                <div class="col-md-1 courseset-manage-header-data hidden-xs courseall-studentall-font">
                                    <span class="cd-text-medium">课时总数</span>
                                    <div class="cd-mt16 cd-dark-major"><span class="courseset-manage-header-data__num">1</span></div>
                                </div>
                                <div class="col-md-1 courseset-manage-header-data hidden-xs courseall-studentall-font">
                                    <span class="cd-text-medium">学员总数</span>
                                    <div class="cd-mt16 cd-dark-major"><span class="courseset-manage-header-data__num">2</span></div>
                                </div>
                                <div class="courseset-manage-header-data hidden-xs col-md-1" style="text-align: center;">
                                    <span class="cd-text-medium">计划价格</span>
                                    <div class="cd-mt16 cd-dark-major"><span class="courseset-manage-header-data__num" style="font-weight: 700;color: red;">0.00</span></div>
                                </div>
                                <div class="courseset-manage-header-btn col-md-1" style="height: auto;">
                                    <img src="../../static/h-ui/images/img/plan-options.png" class="ellipsis-img">
                                    <ul class="create-class-dropdown-menu courses-operation-dropdown">
                                        <li>
                                            <a href="#" target="_blank">预览计划</a>
                                        </li>
                                        <li>
                                            <a href="#" data-url="" data-pre-url="" data-save-url="" class="js-publish-course">发布计划</a><!-- 已发布的不能删除，可关闭 -->
                                        </li>
                                        <li>
                                            <a class="js-copy-plan" href="#" data-url="">
                                                复制
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" data-url="" class="js-delete-course">删除</a>
                                        </li>

                                    </ul>
                                </div>
                                <div class="courseset-manage-header-btn col-md-1" style="height: 40px;">
                                    <img src="../../static/h-ui/images/img/plan-setting.png" class="course-manage-image" data-toggle="tooltip"
                                         data-placement="top" title="计划管理">
                                </div>

                            </div>
                            <!-- 已发布区域 -->
                            <div class="col-md-12" style="margin-top: 30px;border-bottom: 1px solid gainsboro;">
                                <div class="col-md-1">
                                    <span class="course-publish-status course-publish-status-published">已发布</span>
                                </div>
                                <div class="col-md-5 courseset-manage-header-info" style="margin-left: 20px;">
                                    <span class="course-freedomstudy-model">专业知识精讲[小学语文]</span>
                                </div>
                                <div class="col-md-1 courseset-manage-header-data hidden-xs courseall-studentall-font">
                                    <span class="cd-text-medium">课时总数</span>
                                    <div class="cd-mt16 cd-dark-major"><span class="courseset-manage-header-data__num">1</span></div>
                                </div>
                                <div class="col-md-1 courseset-manage-header-data hidden-xs courseall-studentall-font">
                                    <span class="cd-text-medium">学员总数</span>
                                    <div class="cd-mt16 cd-dark-major"><span class="courseset-manage-header-data__num">1</span></div>
                                </div>
                                <div class="courseset-manage-header-data hidden-xs col-md-1" style="text-align: center;">
                                    <span class="cd-text-medium">计划价格</span>
                                    <div class="cd-mt16 cd-dark-major"><span class="courseset-manage-header-data__num" style="font-weight: 700;color: red;">0.00</span></div>
                                </div>
                                <div class="courseset-manage-header-btn col-md-1" style="height: auto;">
                                    <img src="../../static/h-ui/images/img/plan-options.png" class="ellipsis-img-unacc">
                                    <ul class="create-class-dropdown-menu courses-unaccomplished-dropdown">
                                        <li>
                                            <a href="#" target="_blank">预览计划</a>
                                        </li>
                                        <li>
                                            <a href="#" data-url="" data-pre-url="" data-save-url="" class="js-publish-course">发布计划</a><!-- 已发布的不能删除，可关闭 -->
                                        </li>
                                        <li>
                                            <a class="js-copy-plan" href="#" data-url="">
                                                复制
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" data-url="" class="js-delete-course">删除</a>
                                        </li>

                                    </ul>
                                </div>
                                <div class="courseset-manage-header-btn col-md-1" style="height: 40px;">
                                    <img src="../../static/h-ui/images/img/plan-setting.png" class="course-manage-image" data-toggle="tooltip"
                                         data-placement="top" title="计划管理">
                                </div>
                            </div>
                            <!-- 已关闭区域 -->
                            <div class="col-md-12" style="margin-top: 30px;border-bottom: 1px solid gainsboro;">
                                <div class="col-md-1">
                                    <span class="course-publish-status course-publish-status-closed">已关闭</span>
                                </div>
                                <div class="col-md-5 courseset-manage-header-info" style="margin-left: 20px;">
                                    <span class="course-freedomstudy-model">专业知识精讲[中学英语]</span>
                                </div>
                                <div class="col-md-1 courseset-manage-header-data hidden-xs courseall-studentall-font">
                                    <span class="cd-text-medium">课时总数</span>
                                    <div class="cd-mt16 cd-dark-major"><span class="courseset-manage-header-data__num">1</span></div>
                                </div>
                                <div class="col-md-1 courseset-manage-header-data hidden-xs courseall-studentall-font">
                                    <span class="cd-text-medium">学员总数</span>
                                    <div class="cd-mt16 cd-dark-major"><span class="courseset-manage-header-data__num">1</span></div>
                                </div>
                                <div class="courseset-manage-header-data hidden-xs col-md-1" style="text-align: center;">
                                    <span class="cd-text-medium">计划价格</span>
                                    <div class="cd-mt16 cd-dark-major"><span class="courseset-manage-header-data__num" style="font-weight: 700;color: red;">0.00</span></div>
                                </div>
                                <div class="courseset-manage-header-btn col-md-1" style="height: auto;">
                                    <img src="../../static/h-ui/images/img/plan-options.png" class="ellipsis-img-colsed">
                                    <ul class="create-class-dropdown-menu courses-closed-dropdown ">
                                        <li>
                                            <a href="#" target="_blank">预览计划</a>
                                        </li>
                                        <li>
                                            <a href="#" data-url="" data-pre-url="" data-save-url="" class="js-publish-course">发布计划</a><!-- 已发布的不能删除，可关闭 -->
                                        </li>
                                        <li>
                                            <a class="js-copy-plan" href="#" data-url="">
                                                复制
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" data-url="" class="js-delete-course">删除</a>
                                        </li>

                                    </ul>
                                </div>
                                <div class="courseset-manage-header-btn1 col-md-1" style="height: 40px;">
                                    <img src="../../static/h-ui/images/img/plan-setting.png" class="course-manage-image" data-toggle="tooltip"
                                         data-placement="top" title="计划管理">
                                </div>
                            </div>
                            <div class="col-md-12" style="margin-top: 50px;">
                                <div class="course-allplane-bottomfont">教学计划使用方式介绍：</div>
                                <div class="course-allplane-bottomcontent">为了更快捷的组织教学，计划管理可以让单个课程支持多种教学组织模式</div><br>
                                <div class="course-allplane-bottomcontent">1、支持不同时期开设相同内容的课程：三月班、四月班、五月班；</div><br>
                                <div class="course-allplane-bottomcontent">2、支持区分学员，开设多个教学班：数学一班、数学二班、数学三班;</div><br>
                                <div class="course-allplane-bottomcontent">3、支持相同课程内容，但提供不同服务等级的课程：视频班、直播班、答疑班；</div><br>
                                <div class="course-allplane-bottomcontent">4、支持根据学员的学习能力，开设多个教学班：快班、慢班；</div><br>
                                <div class="course-allplane-bottomcontent">欢迎您使用教学计划管理，新的功能将更好的支持您开展教学工作，您的声音是我们前进的动力！</div>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- 中部切换栏结束	 -->
    </section>
    <!-- 创建计划模态框 -->
    <div class="modal fade" id="ceatedPlane" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content borderradius8" style="width: 700px;">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">创建计划</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body modelbody modelbody-all height500">
                    <form action="{:url('course_set/save')}" id="form2" method="post" class="form-horizontal margin-top-20">
                    <div class="row col-md-12">
                            <label class="col-md-3" style="padding-top: 8px;">新计划名称：</label>
                            <div class="col-md-9"><input type="text" style="width: 100%;height: 34px;border: 1px solid #ccc;border-radius:5px;"></div>
                        </div>
                        <div class="row col-md-12" style="margin-top: 8px;">
                            <div class="col-md-3" style="padding-top: 8px;padding-left: 30px;">学习模式：
                                <img class="tip-img" src="../../static/h-ui/images/img/Tips(1).png" style="width: 15px;height: 15px;position: absolute;top: 10px;left: 180px;" title="标题" data-container="body" data-toggle="popover" data-placement="left" data-content="左侧的 Popover 中的一些内容">
                            </div>
                            <div class="form-check col-md-2" style="margin-left: 20px;">
                                <label class="form-check-label" id="setting-frebody">
                                    <div class="uniform-choice">
                                        <div class="uniform-choice"><span class="checked" id="setting-fre"><input type="radio" class="form-check-input-styled"
                                                                                                                  checked="" name="isjoin" data-fouc=""></span></div>
                                    </div>
                                    <span class="freedom-model-span" style="margin-left: -20px;">自由式</span>
                                </label>
                            </div>
                            <div class="form-check col-md-2"  style="margin-left: 30px;">
                                <label class="form-check-label" id="setting-unlockboyd">
                                    <div class="uniform-choice">
                                        <div class="uniform-choice"><span class="" id="setting-unlock">
												<input type="radio" name="isjoin" class="form-check-input-styled input-text datetimepicker-input col-md-3" value="">
														</span></div>
                                    </div>
                                    <span class="unlockmodel-span" style="margin-left: -20px;">解锁式</span>
                                </label>
                            </div>
                        </div>
                        <div class="col-md-12 row">
                            <label class="col-md-3" style="font-size: 15px;margin-top: 30px;">学习有效期：</label>
                            <img class="tip-img" src="../../static/h-ui/images/img/Tips(1).png" style="width: 15px;height: 15px;position: absolute;top: 35px;left: 195px;" title="标题" data-container="body" data-toggle="popover" data-placement="left" data-content="左侧的 Popover 中的一些内容">
                            <div class="col-md-9" style="margin-top: 30px;">
                                <div class="col-md-3" style="margin-left: -10px;">
                                    <label class="form-check-label easy-days" id="sdsx-body">
                                        <div class="uniform-choice">
                                            <div class="uniform-choice"><span class="checked" id="sdsx-id"><input type="radio" class="suidao form-check-input-styled"
                                                                                                                  checked="" name="xuexiyouxiaoqi" data-fouc=""></span></div>
                                        </div>
                                        <span class="" style="position: absolute;top: 0px;left: 35px;padding-left: 10px;font-size: 13px;">随到随学</span>
                                    </label>
                                </div>
                                <div class="col-md-3" style="margin-left: 25px;position: relative;">
                                    <label class="form-check-label dead-days" id="gdzq-body">
                                        <div class="uniform-choice">
                                            <div class="uniform-choice"><span class="" id="gdzq-id"><input type="radio" class="guding form-check-input-styled" name="xuexiyouxiaoqi" data-fouc=""></span></div>
                                        </div>
                                        <span class="" style="position: absolute;top: 0px;left: 35px;font-size: 13px;padding-left: 10px;">固定周期</span>
                                    </label>
                                </div>
                                <div class="col-md-3" style="position: relative;margin-left: 20px;">
                                    <label class="form-check-label long-days" id="csyx-body">
                                        <div class="uniform-choice">
                                            <div class="uniform-choice"><span class="" id="csyx-id"><input type="radio" class="changqi form-check-input-styled"
                                                                                                           name="xuexiyouxiaoqi" data-fouc=""></span></div>
                                        </div>
                                        <span class="" style="position: absolute;top: 0px;left: 35px;font-size: 13px;padding-left: 10px;">长期有效</span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <!-- 随到随学 -->
                        <div class="suidaosuixue row " style="background-color: gainsboro;position: absolute;top: 150px;left: 100px;">
                            <label class="form-check-label col-sm-12" id="deadtime-boyd" style="position: relative;margin-top: 10px;">
                                <div class="" style="width: 25px;height: 25px;position: absolute;top: 0px;left: 95px;">
                                    <div class="uniform-choice">
												<span class="checked" id="deadtime">
											  <input type="radio" class="form-check-input-styled jzrq" checked name="anjzrq" data-fouc=""></span></div>
                                </div>
                                <div class="" style="margin-left: 110px;font-size: 15px;">按截止日期</div>
                            </label>
                            <label class="form-check-label col-sm-12" id="daynumber-boyd" style="position: relative;">
                                <div class="uniform-choice col-sm-3"  style="margin-top: 10px;position: absolute;top: -35px;left: 200px;">
                                    <div class="uniform-choice"><span class=""  id="daynumber">
												<input type="radio" class="form-check-input-styled yxts" name="anjzrq" data-fouc="">
													</span></div>
                                </div>

                                <span class="col-sm-9" style="position: absolute;top: -25px;left: 230px;width: 100px;">按有效天数</span>
                            </label>
                            <div class="jiezhirq row col-md-12">
                                <span class="col-md-1" style="position: absolute;top: 30px;left: 60px;">在</span>
                                <input type="text" class="input-text datetimepicker-input col-md-3 col-offset-2" value="" placeholder="选择时间" style="height: 34px;border: 1px solid #ccc;border-radius: 4px;width: 40%;margin-top: 30px;" autocomplete="off" id="datetimepicker-demo-6">
                                <span class="col-md-5" style="margin-top: 30px;margin-bottom: 20px;padding-left: 10px;">前，学员可进行学习。</span>
                            </div>
                            <div class="youxiaots hiddened row col-md-12">
                                <span class="col-md-4" style="margin-top: 20px;margin-bottom: 10px;">从加入当天起，在</span>
                                <input type="text" class="col-md-4" value="" style="height: 34px;border: 1px solid #ccc;border-radius: 4px;width: 40%;margin-left: -30px;margin-top: 20px;margin-bottom: 10px;">
                                <span class="col-md-4" style="position: absolute;top: 0px;left: 350px;margin-top: 20px;margin-bottom: 10px;">天内可进行学习。</span>
                            </div>
                        </div>

                        <div class="gudingzhouqi hiddened  row col-sm-12" style="border-radius: 4px;background-color: gainsboro;height: 80px;margin-left: 60px;margin-top: 10px;">
                            <span  class="col-sm-3" style="margin-top: 35px;padding-left: 60px;">开始日期: </span>
                            <input type="text" class="input-text datetimepicker-input col-sm-3" value="" autocomplete="off" id="datetimepicker-demo-4"
                                   name="datetimepicker" style="width: 110px;margin-left: -20px;margin-top: 30px;" />
                            <span class="col-sm-3" style="margin-top: 35px;">结束日期: </span>
                            <input type="text" class="input-text datetimepicker-input  col-sm-3" value="" autocomplete="off" id="datetimepicker-demo-5"
                                   name="datetimepicker" style="width: 110px;margin-top: 30px;margin-left: -60px;" />
                        </div>
                        <div class="borderradius8 footermodel margintop50" style="position: absolute;top: 260px;left: 500px;">
                            <button type="button" class="btn btn-light borderradius5" data-dismiss="modal">取消</button>
                            <button type="button" class="btn btn-primary borderradius5">创建</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- 这里是_footer.html -->
    {include file="public/footer"}
    <script type="text/javascript" charset="utf-8" src="../../static/lib/layer/2.4/layer.js"> </script>
    <script type="text/javascript">
        $(function() {
            $("#menu-bootstrap dt").addClass("selected");
            $("#menu-bootstrap dd").show();
            /* 默认 */
            $("#datetimepicker-demo-2").datetimepicker();
            $("#datetimepicker-demo-3").datetimepicker();
            $("#datetimepicker-demo-4").datetimepicker();
        })
    </script>
    <script>
        $(function() {
            var _bodyHeight = $(window).height();
            var _doch = $(document).height();
            $(".containBox").height(_bodyHeight);
            /*左右滑动菜单*/
            $(".JS-nav-toggle").click(function() {
                $("body").addClass('sideBox-open');
                $(".containBox-bg").height(_bodyHeight).show();
            });
            $(".containBox-bg").click(function() {
                $(this).hide();
                $("body").removeClass('sideBox-open');
            });
        });
        jQuery.Huitab = function(tabBar, tabCon, class_name, tabEvent, i) {
            var $tab_menu = $(tabBar);
            // 初始化操作
            $tab_menu.removeClass(class_name);
            $(tabBar).eq(i).addClass(class_name);
            $(tabCon).hide();
            $(tabCon).eq(i).show();
            $tab_menu.bind(tabEvent, function() {
                $tab_menu.removeClass(class_name);
                $(this).addClass(class_name);
                var index = $tab_menu.index(this);
                $(tabCon).hide();
                $(tabCon).eq(index).show()
            })
        }
        $(function() {
            $.Huitab("#tab_demo .tabBar span", "#tab_demo .tabCon", "current", "click", "0")
        });
        $(".menu_dropdown .classma").attr('style', 'display:block');

        $('#inputa').val($('#selectivity').val());

        $(function() {
            $('.skin-minimal input').iCheck({
                checkboxClass: 'icheckbox-blue',
                radioClass: 'iradio-blue',
                increaseArea: '20%'
            })
        });
        $(function() {
            $('.skin-minima2 input').iCheck({
                checkboxClass: 'icheckbox-blue',
                radioClass: 'iradio-blue',
                increaseArea: '20%'
            })
        });
        $(function() {
            $("[data-toggle='tooltip']").tooltip()
        });

        $(function() {
            $(".ellipsis-img").click(function() {
                $(".courses-operation-dropdown").toggle();
                console.log($(this))
            })
        });
        $(function() {
            $(".ellipsis-img-unacc").click(function() {
                $(".courses-unaccomplished-dropdown").toggle();
                console.log($(this))
            })
        });
        $(function() {
            $(".ellipsis-img-colsed").click(function() {
                $(".courses-closed-dropdown").toggle();
                console.log($(this))
            })
        });
    </script>
    <script>
        function showImg(obj) {
            var file = $(obj)[0].files[0]; //获取文件信息
            var imgdata = '';
            if (file) {
                var reader = new FileReader(); //调用FileReader
                reader.readAsDataURL(file); //将文件读取为 DataURL(base64)
                reader.onload = function(evt) { //读取操作完成时触发。
                    $("#img").attr('src', evt.target.result)
                };
            } else {
                alert("上传失败");
            }
        }
    </script>
    <script type="text/javascript">
        //实例化编辑器
        //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
        // var ue = UE.getEditor('editor');
        var editor2 = new UE.ui.Editor({ initialFrameHeight:250,initialFrameWidth:677});
        editor2.render("editor");
    </script>

    <script type="text/javascript">
        $(function() {

            var i = this;
            $('input[name="deadlineType"]').on("change", function(e) {
                var t = $("#deadlineType-date"),
                    r = $("#deadlineType-days"),
                    n = $('input[name="deadlineType"]:checked').val();
                "end_date" === n ? (t.removeClass("hidden"), r.addClass("hidden")) : (t.addClass("hidden"), r.removeClass(
                    "hidden"))
            }), $('input[name="expiryMode"]').on("change", function(e) {
                var t = $("#expiry-days"),
                    r = $("#expiry-date"),
                    n = $('input[name="expiryMode"]:checked').val();
                // i.removeErrorTip(e);

                var a = $(".js-expiry-tip");
                "date" === n ? (t.addClass("hidden"), r.removeClass("hidden"), a.removeClass("ml0")) : "days" === n ? (r.addClass(
                    "hidden"), t.removeClass("hidden"), a.removeClass("ml0")) : (r.addClass("hidden"), t.addClass("hidden"), a.addClass(
                    "ml0"))
            })

            $(".easy-days").click(function() {
                console.log(".....")
                $("#label1").addClass("checked").siblings().removeClass('checked');
                $("#longday-tilte").addClass("hidden111")
                $(".modelbody").addClass("height500").removeClass("height400").removeClass("height300")
                $(".footermodel").addClass("margintop50").removeClass("margintop30").removeClass("margintop40")

            })

            $(".dead-days").click(function() {
                $("#label2").addClass("checked").siblings().removeClass('checked');
                $("#longday-tilte").addClass("hidden111")
                $(".modelbody").addClass("height400").removeClass("height500").removeClass("height300")
                $(".footermodel").removeClass("margintop50").removeClass("margintop40").addClass("margintop30");

            })

            $(".long-days").click(function() {
                var l = true
                $("#label3").addClass("checked").siblings().removeClass('checked');
                $(".modelbody").addClass("height300").removeClass("height500").removeClass("height400")
                $(".footermodel").removeClass("margintop50").removeClass("margintop30").addClass("margintop40");

            })
            $(".freestyle").click(function() {
                $("#freestyleid").addClass("checked").siblings().removeClass('checked');

            })
            $(".jieshuo").click(function() {
                $("#jieshuoid").addClass("checked").siblings().removeClass('checked');

            })
            $(".jiezhiriqi").click(function() {
                $("#jiezhiriqiid").addClass("checked").siblings().removeClass('checked');

            })
            $(".effctivedate").click(function() {
                $("#effctivedateid").addClass("checked").siblings().removeClass('checked');

            });



            $("#form1").ajaxForm(
                {
                    dataType:'json',
                    success: function (data) {
                        if(data.code == 400){
                            layer.msg(data.msg, {icon: 5});
                        }else {
                            window.location.href=data.data;
                        }
                    },
                    error:function (data) {
                        console.log(data);
                        alert(data.msg);
                    }
                }
            );


        })
    </script>
    <script type="text/javascript">
        $(function() {
            $("[data-toggle='popover']").popover()
        });
        $(document).ready(function() {
            $("#datetimepicker-demo-4").datetimepicker();
            $("#datetimepicker-demo-5").datetimepicker();
            $("#datetimepicker-demo-6").datetimepicker();
            $("#datetimepicker-demo-7").datetimepicker();
            $('.form-check-input-styled[type=radio][name="xuexiyouxiaoqi"]').change(function() {
                if ($(this).hasClass("suidao")) {
                    $(".gudingzhouqi").addClass("hiddened")
                    $(".suidaosuixue").removeClass("hiddened")
                } else if ($(this).hasClass("guding")) {
                    $(".suidaosuixue").addClass("hiddened")
                    $(".gudingzhouqi").removeClass("hiddened")
                } else if ($(this).hasClass("changqi")) {
                    $(".suidaosuixue").addClass("hiddened")
                    $(".gudingzhouqi").addClass("hiddened")
                }
            })
            $('.form-check-input-styled[type=radio][name="anjzrq"]').change(function () {
                if($(this).hasClass("jzrq")) {
                    $(".youxiaots").addClass("hiddened")
                    $(".jiezhirq").removeClass("hiddened")
                } else if ($(this).hasClass("yxts")){
                    $(".jiezhirq").addClass("hiddened")
                    $(".youxiaots").removeClass("hiddened")
                }
            })
            $('.form-check-input-styled[type=radio][name="isjoin"]').change(function() {
                if ($(this).hasClass("bukejiaru")) {
                    $(".jionjz-container").hide();
                } else {
                    $(".jionjz-container").show();
                }
            })
            $('.form-check-input-styled[type=radio][name="joinjzrq"]').change(function() {
                if ($(this).hasClass("zidingyidate")) {
                    $(".zidingyirq").css("opacity", "1")
                } else {
                    $(".zidingyirq").css("opacity", "0")
                }
            })

            var i = this;
            $('input[name="deadlineType"]').on("change", function(e) {
                var t = $("#deadlineType-date"),
                    r = $("#deadlineType-days"),
                    n = $('input[name="deadlineType"]:checked').val();
                "end_date" === n ? (t.removeClass("hidden"), r.addClass("hidden")) : (t.addClass("hidden"), r.removeClass(
                    "hidden"))
            }), $('input[name="expiryMode"]').on("change", function(e) {
                var t = $("#expiry-days"),
                    r = $("#expiry-date"),
                    n = $('input[name="expiryMode"]:checked').val();
                // i.removeErrorTip(e);

                var a = $(".js-expiry-tip");
                "date" === n ? (t.addClass("hidden"), r.removeClass("hidden"), a.removeClass("ml0")) : "days" === n ? (r.addClass(
                    "hidden"), t.removeClass("hidden"), a.removeClass("ml0")) : (r.addClass("hidden"), t.addClass("hidden"), a.addClass(
                    "ml0"))
            })
        });


        function course_add() {
            // var desc = getContent();
            // alert(11111);
            // console.log(getContent());
            // $('[name="desc"]').val(desc);
        }
    </script>
    </html>
